body{
  margin: 0;
}
#title{
  position: fixed;
  float: left;
  z-index: 12;
  margin-left: 30px;
  margin-top: 20px;
  font-size: 30px;
  font-weight: bolder;
  font-family: 微软雅黑;
  color: #034c6a;
}

#from{
  float: left;
  position: absolute;
  z-index: 12;
  left: 30px;
  margin-top: 60px;
  font-size: 14px;
  font-family: 微软雅黑;
  color: #6C7784;
}
#timeAndWea{
  position: absolute;
  z-index: 11;
  right: 15px;
  top: 15px;
  width: 320px;
 /* height: 100px;*/
  display: flex;
  flex-flow: row nowrap;
  /*border:1px solid #DDDDDD;*/
}

.top {
  position: absolute;
  width: 300px;
  font-size:18px;
  color: #034c6a;
  font-weight: bolder;
  overflow:hidden;
  /*border-bottom:1px solid #DDDDDD;*/
  padding:10px;
  text-align:center;
}
.mid {
  width: 320px;
  overflow:hidden;
  /*border-bottom:1px solid #DDDDDD;*/
  padding-top:10px;
  padding-bottom: 10px;
  height:84px;
  margin-top: 45px;
}
.mid .fl {
  float:left;
  padding:10px;
  padding-left: 20px;
}
.mid .fl img {
  height:60px;
}
.mid .fr {
  float:right;
  padding-right:20px;
  height: 84px;
}
.mid .fr span {
  font-size:18px;
  font-weight: bolder;
  color:#034c6a;
  line-height:25px;
  margin-top:5px;
}
.mid .fr p {
  font-size:16px;
  color: #034c6a;
  line-height:25px;
  margin:0;
}

.content{
  position: fixed;
  z-index: 0;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  /*background-color: #6C7784;*/
}
.nav{
  position: fixed;
  z-index: 10;
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  margin-left: 0;
  background-color: rgba(3,8,41,0.5);
  color: #fff;
  font-size: 14px;
  font-family: 微软雅黑;
  font-weight: bolder;
  line-height: 25px;
  text-align: center;
}
#nav1{
  margin-top: 140px;
}

#nav2{
  margin-top: 200px;
}

#nav3{
  margin-top: 260px;
}

#nav4{
  margin-top: 320px;
}